<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->

<head th:include="layout/partials/head (pageTitle=${pageTitle},meta_desc=${meta_description},meta_key=${meta_key})"></head>

<body id="milk">
    <div id="notification_bar"></div>
    <header th:substituteby="layout/partials/header" />

    <nav th:substituteby="layout/partials/nav (cssClass=${'mom-and-baby'})" />
    <section th:include="/catalog/partials/category_banner (category=${'mom-and-baby'})" class="banner"></section>
    <section class="cou_box">
        <div class="countrys subMenu">
            <!-- <ul class="country">
                <li th:each="country:${countries}" th:text="*{country}"></li>
            </ul> -->
            <div class="country_box inner">
                <span th:each="country:${countries}"><a href="#s1" th:text="*{country.friendlyType}" class="subNavBtn"  th:attrappend="id=*{country.type}">country</a></span>
            </div>
        </div>
    </section>
    <!-- <section id="right_column" class="fil">
        <div class="filter w1200">
            <header><span th:text="#{category.filterResults}">Filter your results</span>
            </header>
            <div id="options">
                <div th:substituteby="catalog/partials/facetFilter" />
                <div th:substituteby="catalog/partials/rightHandBannerAds" />
            </div>
        </div>
    </section> -->
 
    <section th:each="productList : ${products}" th:object="${productList}" class="sDiv">
        <div class="country_column w1200 list_box ">
            <div class="border_top"></div>
            <div class="border_lr  m_list">
                <ul id="products" class="group clearfix list_h">
                    <li th:each="product : ${productList}" th:object="${product}" th:include="catalog/partials/productListItem" class="product_container"></li>
                </ul>
            </div>
            <div class="border_bottom"></div>

            <!-- <div th:substituteby="catalog/partials/productPagingOptions" /> -->
        </div>
    </section>
    
    <section id="left_column">
            <!-- <header>
                <h1 th:inline="text">
                    <span th:text="#{category.viewing}">Viewing</span> [[${category.name}]] ([[${result.startResult}]] - [[${result.endResult}]] <span th:text="#{category.of}">of</span> [[${result.totalResults}]])
                </h1>
                <div th:substituteby="catalog/partials/productSortOptions"></div>
            </header> -->
    </section>
    <!-- <section id="right_column">
        <div class="w1200">
            <header><span th:text="#{category.featuredProducts}">Featured Products</span>
            </header>
            <div id="options">
                <div class="section" th:object="${category}">
                    <blc:related_products categoryId="*{id}" quantity="3" />
                    <ul id="featured_products" class="group">
                        <li th:each="product : ${products}" th:object="${product}" th:include="catalog/partials/productListItem" class="product_container"></li>
                    </ul>
                </div>
            </div>
        </div>
    </section> -->

    <footer th:substituteby="layout/partials/footer" />

</body>

</html>
